import styled from 'styled-components'

const ListContainer =styled.li`
    display:flex;
    flex-direction:row;

     .headCon{
        width:0.4rem;
        img{
            width:100%;
            border-radius:50%;
        }
     }
     .comBody{
         margin-left:0.1rem;
         flex:1;
         h3{
             width:100%
             display:flex;
             font-size: 0.12rem;
             font-weight: 600;
             color: #333;
             line-height: 0.2rem;
             span{
                 flex:1
             }
             i{
                 width:0.34rem
                 font-size: 0.12rem;
                 font-weight: 400;
                 color: #b2b5bf;
             }
         }
         p{
            line-height: 24px;
            padding:0.1rem 0;
            font-size:0.16rem;
            /* font-weight:600; */
            img{
                width:0.3rem
            }
         }
         .bottom{
             display:flex;
            .time{
                flex:1
                .time ,.iphone{
                font-size: 0.12rem;
                font-weight: 400;
                color: #b2b5bf;
                line-height: 0.2rem;
             }
             .iphone{
                 margin-left:0.1rem
             }
            }
             .icon{
                 i{
                     margin-left:0.1rem;
                     color: #b2b5bf;
                 }
                 b{
                    font-size: 0.12rem;
                    color: #b2b5bf;
                    margin-left:0.05rem
                 }
             }
         }
     }

`

export {
    ListContainer
}